<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:th="http://www.thymeleaf.org"
      layout:decorate="~{system/base/layout}">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>后台管理系统-乡务公开-民事直说</title>
    <!-- 引入bootstrap样式 -->
    <link th:href="@{/bootstrap/css/bootstrap.css}" rel="stylesheet" type="text/css">
    <!--图标库-->
    <link th:href="@{/lyear/css/materialdesignicons.min.css}" rel="stylesheet" type="text/css"/>
    <!--    <link th:href="@{/lyear/css/font/iconfont.css}" rel="stylesheet" type="text/css"/>-->
    <link th:href="@{/lyear/css/font2/iconfont.css}" rel="stylesheet" type="text/css"/>
    <!--弹出框样式-->
    <link th:href="@{/lyear/jconfirm/jquery-confirm.min.css}" rel="stylesheet" type="text/css"/>
    <!--自定义样式-->
    <link href="../lyear/css/style.min.css" th:href="@{/lyear/css/style.min.css}" rel="stylesheet" type="text/css"/>

    <!--    <script th:src="@{/js/jquery_min.js}"></script>-->
    <!--    <script th:src="@{/js/bootstrap.min.js}"></script>-->
    <!--    <script th:src="@{/js/wow.min.js}"></script>-->
    <!--    <script th:src="@{/js/custom.js}"></script>-->
    <!--    <script th:src="@{/plugins/slider-pro/js/jquery.sliderPro.min.js}"></script>-->
    <!--    <script th:src="@{/plugins/owlcarousel/js/owl.carousel.min.js}"></script>-->
    <!--    <script th:src="@{/layer/layer.js}"></script>-->

    <!-- 引入jQuery和bootstrap的js -->
    <script th:src="@{/js2/jquery.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <!--滚动条插件-->
    <script th:src="@{/lyear/js/perfect-scrollbar.min.js}"></script>
    <!--弹出框js-->
    <script th:src="@{/lyear/jconfirm/jquery-confirm.min.js}"></script>
    <!--富文本编辑框js-->
    <script th:src="@{/js2/wangEditor.js}"></script>
    <!--自定义js脚本-->
    <script th:src="@{/lyear/js/main.min.js}"></script>
    <script th:src="@{/js2/md5.js}"></script>

    <script th:inline="javascript" type="text/javascript">

        //点击编辑按钮时触发事件
        $(document).on("click", ".start_btn", function () {
            // console.log($(this).attr("update-id"));
            //把民事反馈的id传递给模态框的更新按钮
            var id = $(this).attr("update-id");
            var type = $(this).attr("update-type");
            console.log(id);
            console.log(type);
            if(type == '检举控告'){
                getReportInfo(id);
                $("#report_update_btn").attr("update-id", $(this).attr("update-id"));
                $("#report_update_btn").attr("update-type", $(this).attr("update-type"));
                $("#report_update_btn").attr("update-name", $(this).attr("update-name"));
                $("#reportUpdateModal").modal({
                    backdrop: "static"
                });
            }
            if(type == '群众诉求'){
                getComplaintInfo(id);
                $("#complaint_update_btn").attr("update-id", $(this).attr("update-id"));
                $("#complaint_update_btn").attr("update-type", $(this).attr("update-type"));
                $("#complaint_update_btn").attr("update-name", $(this).attr("update-name"));
                $("#complaintUpdateModal").modal({
                    backdrop: "static"
                });
            }
            if(type == '批评建议'){
                getProposalInfo(id);
                $("#proposal_update_btn").attr("update-id", $(this).attr("update-id"));
                $("#proposal_update_btn").attr("update-type", $(this).attr("update-type"));
                $("#proposal_update_btn").attr("update-name", $(this).attr("update-name"));
                $("#proposalUpdateModal").modal({
                    backdrop: "static"
                });
            }

        });

        //根据id查出检举控告并显示
        function getReportInfo(id) {
            $.ajax({
                url: "/platform/system/village/getVillageFeedbackById?id=" + id,
                type: "GET",
                success: function (result) {
                    var feedbackDTO = result.extend.feedbackDTO;

                    //显示数据之前先清除一下校验样式，如果有的话
                    reset_form("#reportUpdateModal form");

                    $("#feedbackName_update_input_report").text(feedbackDTO.feedbackName);
                    $("#feedbackPostcard_update_input_report").text(feedbackDTO.feedbackPostcard);
                    $("#feedbackTelephone_update_input_report").text(feedbackDTO.feedbackTelephone);
                    $("#feedbackPolitical_update_input_report").text(feedbackDTO.feedbackPolitical);
                    $("#feedbackAddress_update_input_report").text(feedbackDTO.feedbackAddress);
                    $("#feedbackPosition_update_input_report").text(feedbackDTO.feedbackPosition);
                    $("#beName_update_input_report").text(feedbackDTO.beName);
                    $("#beUnit_update_input_report").text(feedbackDTO.beUnit);
                    $("#bePosition_update_input_report").text(feedbackDTO.bePosition);
                    $("#beLevel_update_input_report").text(feedbackDTO.beLevel);
                    $("#contentTitle_update_input_report").text(feedbackDTO.contentTitle);
                    $("#contentCategory_update_input_report").text(feedbackDTO.contentCategory);
                    $("#contentMain_update_input_report").text(feedbackDTO.contentMain);
                    $("#type_update_input_report").val(feedbackDTO.type);

                }
            });
        }
        // 根据id查询群众诉求信息
        function getComplaintInfo(id) {
            $.ajax({
                url: "/platform/system/village/getVillageFeedbackById?id=" + id,
                type: "GET",
                success: function (result) {
                    var feedbackDTO = result.extend.feedbackDTO;
                    console.log(feedbackDTO.feedbackName);
                    //显示数据之前先清除一下校验样式，如果有的话
                    reset_form("#complaintUpdateModal form");

                    $("#feedbackName_update_input_complaint").text(feedbackDTO.feedbackName);
                    $("#feedbackPostcard_update_input_complaint").text(feedbackDTO.feedbackPostcard);
                    $("#feedbackTelephone_update_input_complaint").text(feedbackDTO.feedbackTelephone);
                    $("#feedbackPolitical_update_input_complaint").text(feedbackDTO.feedbackPolitical);
                    $("#feedbackAddress_update_input_complaint").text(feedbackDTO.feedbackAddress);
                    $("#feedbackPosition_update_input_complaint").text(feedbackDTO.feedbackPosition);
                    $("#complaintCategory_update_input_complaint").text(feedbackDTO.complaintCategory);
                    $("#complaintSituation_update_input_complaint").text(feedbackDTO.complaintSituation);
                    $("#contentTitle_update_input_complaint").text(feedbackDTO.contentTitle);
                    $("#contentCategory_update_input_complaint").text(feedbackDTO.contentCategory);
                    $("#contentMain_update_input_complaint").text(feedbackDTO.contentMain);
                    $("#type_update_input_complaint").val(feedbackDTO.type);
                }
            });
        }
        // 根据id查询批评建议信息
        function getProposalInfo(id) {
            $.ajax({
                url: "/platform/system/village/getVillageFeedbackById?id=" + id,
                type: "GET",
                success: function (result) {
                    var feedbackDTO = result.extend.feedbackDTO;

                    //显示数据之前先清除一下校验样式，如果有的话
                    reset_form("#proposalUpdateModal form");

                    $("#feedbackName_update_input_proposal").text(feedbackDTO.feedbackName);
                    $("#feedbackPostcard_update_input_proposal").text(feedbackDTO.feedbackPostcard);
                    $("#feedbackTelephone_update_input_proposal").text(feedbackDTO.feedbackTelephone);
                    $("#feedbackPolitical_update_input_proposal").text(feedbackDTO.feedbackPolitical);
                    $("#feedbackAddress_update_input_proposal").text(feedbackDTO.feedbackAddress);
                    $("#feedbackPosition_update_input_proposal").text(feedbackDTO.feedbackPosition);
                    $("#contentTitle_update_input_proposal").text(feedbackDTO.contentTitle);
                    $("#contentCategory_update_input_proposal").text(feedbackDTO.contentCategory);
                    $("#contentMain_update_input_proposal").text(feedbackDTO.contentMain);
                    $("#type_update_input_proposal").val(feedbackDTO.type);
                }
            });
        }

        function updateDeal(){
            reset_form("#auditUpdateModal form");
            if ($("#report_update_btn").attr("update-type") == "检举控告"){
                $("#audit_update_btn").attr("update-id", $("#report_update_btn").attr("update-id"));
                $("#audit_update_btn").attr("update-name", $("#report_update_btn").attr("update-name"));
                $("#audit_update_btn").attr("update-type", $("#report_update_btn").attr("update-type"));
            }
            if ($("#complaint_update_btn").attr("update-type") == "群众诉求"){
                $("#audit_update_btn").attr("update-id", $("#complaint_update_btn").attr("update-id"));
                $("#audit_update_btn").attr("update-name", $("#complaint_update_btn").attr("update-name"));
                $("#audit_update_btn").attr("update-type", $("#complaint_update_btn").attr("update-type"));
            }

            if ($("#proposal_update_btn").attr("update-type") == "批评建议"){
                $("#audit_update_btn").attr("update-id", $("#proposal_update_btn").attr("update-id"));
                $("#audit_update_btn").attr("update-name", $("#proposal_update_btn").attr("update-name"));
                $("#audit_update_btn").attr("update-type", $("#proposal_update_btn").attr("update-type"));
            }

            $("#auditUpdateModal").modal({
                backdrop: "static"
            });
        }

        function updateUserFeedback(){
            clean_form("#auditUpdateModal form");
            var id = $("#audit_update_btn").attr("update-id");
            var title = $("#audit_update_btn").attr("update-name");
            var type = $("#audit_update_btn").attr("update-type");
            var message = window.confirm("审核" + title + "反馈信息");
            var dealDescribe = $("#auditDescribe_update_input").val();
            console.log(id);
            console.log(dealDescribe);
            if (message == true){
                $.ajax({
                    url: "/platform/system/village/changeDealAudit",
                    type: "PUT",
                    data:{
                        "feedbackId":id,
                        "dealDescribe":dealDescribe
                    },
                    success: function (result) {
                        if (result.code === 100) {
                            $("#auditUpdateModal").modal('hide');
                            window.alert('该信息审理状态修改成功！');
                            setTimeout(function () {
                                var pageNum = [[${page.number}]] + 1;
                                var pageSize = [[${page.size}]];
                                location.href = "/platform/system/village/toVillageFeedbackListUI?pageNum=" + pageNum  + "&pageSize=" + pageSize;

                            }, 1000);
                        } else {
                            window.alert('该信息审理状态修改失败!');
                        }
                    }
                });
            }else {
                window.alert('已取消!');
            }
        }
        $(document).on("click", ".end_btn", function () {
            reset_form("#endAuditUpdateModal form");
            $("#endAudit_update_btn").attr("update-id", $(this).attr("update-id"));
            $("#endAudit_update_btn").attr("update-name", $(this).attr("update-name"));
            $("#endAudit_update_btn").attr("update-type", $(this).attr("update-type"));

            $("#endAuditUpdateModal").modal({
                backdrop: "static"
            });
        });

        function updateUserFeedback2(){
            clean_form("#endAuditUpdateModal form");
            var id = $("#endAudit_update_btn").attr("update-id");
            var title = $("#endAudit_update_btn").attr("update-name");
            var type = $("#endAudit_update_btn").attr("update-type");
            var message = window.confirm("审核完成" + title + "反馈信息");
            var endDescribe = $("#endAuditDescribe_update_input").val();
            if (message == true){
                $.ajax({
                    url: "/platform/system/village/changeEndAudit",
                    type: "PUT",
                    data:{
                        "feedbackId":id,
                        "endDescribe":endDescribe
                    },
                    success: function (result) {
                        if (result.code === 100) {
                            $("#endAuditUpdateModal").modal('hide');
                            window.alert('该信息审理状态修改成功！');
                            setTimeout(function () {
                                var pageNum = [[${page.number}]] + 1;
                                var pageSize = [[${page.size}]];
                                location.href = "/platform/system/village/toVillageFeedbackListUI?pageNum=" + pageNum  + "&pageSize=" + pageSize;

                            }, 1000);
                        } else {
                            window.alert('该信息审理状态修改失败!');
                        }
                    }
                });
            }else {
                window.alert('已取消!');
            }
        }

        //清空表单样式及内容
        function reset_form(ele) {
            $(ele)[0].reset();
            //清空表单样式
            $(ele).find("*").removeClass("has-error has-success");
            $(ele).find(".help-block").text("");
        }

        //清空表单样式
        function clean_form(ele) {
            //清空表单样式
            $(ele).find("*").removeClass("has-error has-success");
            $(ele).find(".help-block").text("");
        }
        //显示校验结果的提示信息
        function show_validate_msg(ele, status, msg) {
            //清除当前元素的校验状态
            $(ele).parent().removeClass("has-success has-error");
            $(ele).next("span").text("");
            if ("success" === status) {
                $(ele).parent().addClass("has-success");
                $(ele).next("span").text(msg);
            } else if ("error" === status) {
                $(ele).parent().addClass("has-error");
                $(ele).next("span").text(msg);
            }
        }
    </script>
</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container" layout:fragment="content">
        <!--页面主要内容-->
        <main class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>民事直说</h4>
                                <li class="pull-right">
                                    <div class="search-tags">
                                        <form th:action="@{/system/village/toVillageFeedbackListUI}" methed="post" name="search-form"  id="search-form" class="form-inline">
                                            <div class="input-group">
                                                <input type="text" name="searchName" th:value="${searchName}" class="form-control">
                                                <span class="input-group-btn">
                                                <input class="btn btn-info" type="submit" value="名称搜索" style="background-color: #33cabb;border-color: #33cabb;"><i class="fa fa-search"></i>  </input>
                                            </span>
                                            </div>
                                        </form>
                                    </div>
                                </li>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-hover table-striped">
                                        <thead>
                                        <tr>
                                            <th class="info">反馈人</th>
                                            <th class="info">反馈标题</th>
                                            <th class="info">反馈内容类型</th>
                                            <th class="info">反馈内容</th>
                                            <th class="info">反馈类型</th>
                                            <th class="info">审理状态</th>
                                            <th class="info">相关操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="feedback:${page.content}">
                                            <!--                                            <td th:text="${activities.image}"></td>-->
                                            <td th:text="${feedback.feedbackName}"></td>
                                            <td th:text="${#strings.length(feedback.contentTitle)>=10?#strings.substring(feedback.contentTitle,0,10)+'...':feedback.contentTitle}"></td>
                                            <td th:text="${feedback.contentCategory}"></td>
                                            <td th:text="${#strings.length(feedback.contentMain)>=10?#strings.substring(feedback.contentMain,0,10)+'...':feedback.contentMain}"></td>
<!--                                            <td th:utext="${#strings.length(activities.describe)>=20?#strings.substring(activities.describe,0,20)+'...':activities.describe}"></td>-->
                                            <td th:text="${feedback.type}"></td>
                                            <td th:text="${feedback.auditStatus}"></td>
                                            <td th:if="${feedback.auditStatus} == '未审理'">
                                                <button class="btn btn-primary btn-sm start_btn"
                                                        th:attr="update-id=${feedback.id}, update-type=${feedback.type}, update-name = ${feedback.contentTitle}">
															<span class="glyphicon glyphicon-console"
                                                                  aria-hidden="true"></span> 开始审理
                                                </button>
                                                <button class="btn btn-danger btn-sm end_btn"
                                                        th:attr="update-id=${feedback.id},update-type=${feedback.type}, update-name = ${feedback.contentTitle}">
															<span class="glyphicon glyphicon-trash"
                                                                  aria-hidden="true"></span> 结束审理
                                                </button>
                                            </td>
                                            <td th:if="${feedback.auditStatus} == '审理中'">
                                                <button class="btn btn-primary btn-sm start_btn" disabled="true"
                                                        th:attr="update-id=${feedback.id}, update-type=${feedback.type}, update-name = ${feedback.contentTitle}">
															<span class="glyphicon glyphicon-console"
                                                                  aria-hidden="true"></span> 开始审理
                                                </button>
                                                <button class="btn btn-danger btn-sm end_btn"
                                                        th:attr="update-id=${feedback.id},update-type=${feedback.type}, update-name = ${feedback.contentTitle}">
															<span class="glyphicon glyphicon-trash"
                                                                  aria-hidden="true"></span> 结束审理
                                                </button>
                                            </td>
                                            <td th:if="${feedback.auditStatus} == '审理结束'">
                                                <button class="btn btn-primary btn-sm start_btn" disabled="true"
                                                        th:attr="update-id=${feedback.id}, update-type=${feedback.type}, update-name = ${feedback.contentTitle}">
															<span class="glyphicon glyphicon-console"
                                                                  aria-hidden="true"></span> 开始审理
                                                </button>
                                                <button class="btn btn-danger btn-sm end_btn" disabled="true"
                                                        th:attr="update-id=${feedback.id},update-type=${feedback.type}, update-name = ${feedback.contentTitle}">
															<span class="glyphicon glyphicon-trash"
                                                                  aria-hidden="true"></span> 结束审理
                                                </button>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <!-- 显示分页信息 -->
                            <div class="row">
                                <!-- 新增按钮 -->
                                <div class="col-md-1" style="margin-left: 24px">
                                    <button id="feedback_add_modal_btn" class="btn btn-primary" disabled="false">新增</button>
                                </div>

                                <div class="col-md-5">
                                    <div class="btn-group">
                                        <button class="btn btn-default">
                                            <span>页次：</span>
                                        </button>
                                        <button class="btn btn-default">
                                            <span th:text="${page.number}+1+'/'+${page.totalPages}+'页'"></span>
                                        </button>
                                        <button class="btn btn-default">
                                            <span>每页显示：</span>
                                        </button>
                                        <button class="btn btn-default">
                                            <span>5条</span>
                                        </button>
                                        <button class="btn btn-default">
                                            <span>总记录数：</span>
                                        </button>
                                        <button class="btn btn-default">
                                            <span th:text="${page.totalElements}+'条'"></span>
                                        </button>
                                    </div>
                                </div>
                                <!-- 分页条信息 -->
                                <div class="col-md-5">
                                    <nav aria-label="Page navigation">
                                        <ul class="pagination pagination-lg pull-right"
                                            style="margin-top: 0">
                                            <li>
                                                <a th:href="@{/system/village/toVillageFeedbackListUI(pageNum=1,pageSize=${page.size})}">首页</a>
                                            </li>

                                            <li th:if="${page.hasPrevious() }"><a
                                                    th:href="@{/system/village/toVillageFeedbackListUI(pageNum=${page.number},pageSize=${page.size})}"
                                                    aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
                                            </a></li>

                                            <li th:each="page_Num:${#numbers.sequence(1, page.totalPages)}"
                                                th:class="${page_Num == page.number + 1?'active':''}">
                                                <a th:if="${page_Num == page.number + 1}"
                                                   th:text="${page_Num}"
                                                   th:href="@{#}">
                                                </a>
                                                <a th:text="${page_Num}"
                                                   th:if="${page_Num != page.number + 1}"
                                                   th:href="@{/system/village/toVillageFeedbackListUI(pageNum=${page_Num},pageSize=${page.size})}">
                                                </a>
                                            </li>

                                            <li th:if="${page.hasNext() }"><a
                                                    th:href="@{/system/village/toVillageFeedbackListUI(pageNum=${page.number}+2,pageSize=${page.size})}"
                                                    aria-label="Next"> <span aria-hidden="true">&raquo;</span>
                                            </a></li>

                                            <li><a
                                                    th:href="@{/system/village/toVillageFeedbackListUI(pageNum=${page.totalPages},pageSize=${page.size})}">末页</a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 审理民事直说-检举控告信息的模态框 -->
                    <div class="modal fade" id="reportUpdateModal" tabindex="-1"
                         role="dialog" aria-labelledby="myModalLabel" style="overflow-x: hidden;overflow-y: auto;">
                        <div class="modal-dialog" role="document" style="width: 700px;">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title">审理检举控告信息</h4>
                                </div>
                                <div class="modal-body">
                                    <!--要提交的表单 -->
                                    <form class="form-horizontal" id="form-submit" enctype="multipart/form-data" method="post">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报人姓名：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackName_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报人身份证号：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPostcard_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报人联系方式：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackTelephone_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报人政治面貌：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPolitical_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报人职位：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPosition_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报人居住地址：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackAddress_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">被举报人姓名：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="beName_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">被举报人工作单位：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="beUnit_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">被举报人职务：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="bePosition_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">被举报人级别：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="beLevel_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报内容标题：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="contentTitle_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报内容类型：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="contentCategory_update_input_report">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">举报正文：</label>
                                            <div class="col-sm-7">
                                                <textarea type="text" rows="10" cols="65" class="form-control-static"
                                                   id="contentMain_update_input_report">
                                                </textarea>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反馈类型</label>
                                            <div class="col-sm-5">
                                                <select class="form-control" name="type" id="type_update_input_report">
                                                    <option value="">请选择</option>
                                                    <option th:each="contentType:${typeList}"
                                                            th:value="${contentType}"
                                                            th:text="${contentType}"></option>
                                                </select>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                            data-dismiss="modal">关闭
                                    </button>
                                    <button type="button" class="btn btn-primary"  th:attr="update-id=0, update-name = '',update-type = ''"
                                            id="report_update_btn" onclick="updateDeal()">审理中
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 审理民事直说-群众诉求信息的模态框 -->
                    <div class="modal fade" id="complaintUpdateModal" tabindex="-1"
                         role="dialog" aria-labelledby="myModalLabel" style="overflow-x: hidden;overflow-y: auto;">
                        <div class="modal-dialog" role="document" style="width: 700px;">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title">审理群众诉求信息</h4>
                                </div>
                                <div class="modal-body">
                                    <!--要提交的表单 -->
                                    <form class="form-horizontal" id="form-submit2" enctype="multipart/form-data" method="post">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉人姓名：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackName_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉人身份证号：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPostcard_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉人联系方式：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackTelephone_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉人政治面貌：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPolitical_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉人职位：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPosition_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉人居住地址：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackAddress_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉类型：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="complaintCategory_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉原处理情况：</label>
                                            <div class="col-sm-5">
                                                <textarea  type="text" rows="4" cols="65" class="form-control-static"
                                                   id="complaintSituation_update_input_complaint">
                                                </textarea>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉内容标题：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="contentTitle_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉内容类型：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="contentCategory_update_input_complaint">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">申诉正文：</label>
                                            <div class="col-sm-5">
                                                <textarea type="text" rows="10" cols="65" class="form-control-static"
                                                          id="contentMain_update_input_complaint">
                                                </textarea>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反馈类型</label>
                                            <div class="col-sm-5">
                                                <select class="form-control" name="type" id="type_update_input_complaint">
                                                    <option value="">请选择</option>
                                                    <option th:each="contentType:${typeList}"
                                                            th:value="${contentType}"
                                                            th:text="${contentType}"></option>
                                                </select>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                            data-dismiss="modal">关闭
                                    </button>
                                    <button type="button" class="btn btn-primary"  th:attr="update-id=0, update-name = '',update-type = ''"
                                            id="complaint_update_btn" onclick="updateDeal()">审理中
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 审理民事直说-批评建议信息的模态框 -->
                    <div class="modal fade" id="proposalUpdateModal" tabindex="-1"
                         role="dialog" aria-labelledby="myModalLabel" style="overflow-x: hidden;overflow-y: auto;">
                        <div class="modal-dialog" role="document" style="width: 700px;">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title">审理批评建议信息</h4>
                                </div>
                                <div class="modal-body">
                                    <!--要提交的表单 -->
                                    <form class="form-horizontal" id="form-submit3" enctype="multipart/form-data" method="post">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反映人姓名：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackName_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反映人身份证号：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPostcard_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反映人联系方式：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackTelephone_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反映人政治面貌：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPolitical_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反映人职位：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackPosition_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反映人居住地址：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="feedbackAddress_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">批评建议内容标题：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="contentTitle_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">批评建议内容类型：</label>
                                            <div class="col-sm-5">
                                                <p class="form-control-static"
                                                   id="contentCategory_update_input_proposal">
                                                </p>
                                                <span class="help-block"></span>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">批评建议正文：</label>
                                            <div class="col-sm-5">
                                                <textarea type="text" rows="10" cols="65" class="form-control-static"
                                                          id="contentMain_update_input_proposal">
                                                </textarea>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">反馈类型</label>
                                            <div class="col-sm-5">
                                                <select class="form-control" name="type" id="type_update_input_proposal">
                                                    <option value="">请选择</option>
                                                    <option th:each="contentType:${typeList}"
                                                            th:value="${contentType}"
                                                            th:text="${contentType}"></option>
                                                </select>
                                            </div>
                                            <div class="col-sm-1">
                                                <em style="color: red">*</em>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                            data-dismiss="modal">关闭
                                    </button>
                                    <button type="button" class="btn btn-primary"  th:attr="update-id=0, update-name = '',update-type = ''"
                                            id="proposal_update_btn" onclick="updateDeal()">审理中
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 处理民事直说信息的模态框 -->
                    <div class="modal fade" id="auditUpdateModal" tabindex="-2"
                         role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title">审理中</h4>
                                </div>
                                <div class="modal-body">
                                    <!--要提交的表单 -->
                                    <form class="form-horizontal" id="form-submit-audit">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">填写审理描述：</label>
                                            <div class="col-sm-7">
                                                <textarea type="text" rows="10" cols="45" class="form-control-static"
                                                          id="auditDescribe_update_input">
                                                </textarea>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                            data-dismiss="modal">关闭
                                    </button>
                                    <button type="button" class="btn btn-primary"  th:attr="update-id=0, update-name = '',update-type=''"
                                            id="audit_update_btn" onclick="updateUserFeedback()">确定
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 处理完成民事直说信息的模态框 -->
                    <div class="modal fade" id="endAuditUpdateModal" tabindex="-1"
                         role="dialog" aria-labelledby="myModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"
                                            aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title">审理完成</h4>
                                </div>
                                <div class="modal-body">
                                    <!--要提交的表单 -->
                                    <form class="form-horizontal" id="form-submit-end_audit">
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">填写审理描述：</label>
                                            <div class="col-sm-7">
                                                <textarea type="text" rows="10" cols="45" class="form-control-static"
                                                          id="endAuditDescribe_update_input">
                                                </textarea>
                                                <span class="help-block"></span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default"
                                            data-dismiss="modal">关闭
                                    </button>
                                    <button type="button" class="btn btn-primary"  th:attr="update-id=0, change-name = ''"
                                            id="endAudit_update_btn" onclick="updateUserFeedback2()">确定
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </main>
    </div>
</div>

</body>
</html>